<form id="permission-template-form" autocomplete="off">
  <div class="modal-head">
    <h2>{{#if id}}Update{{else}}Create{{/if}} Permission Template</h2>
  </div>
  <div class="modal-body">
    <div class="js-modal-messages"></div>

    <div class="modal-field">
      <label for="permission-template-name">Name<em class="mandatory">*</em></label>
      <input id="permission-template-name" name="name" type="text" maxlength="256" required value="{{name}}">
      <div class="modal-field-description">
        Should be unique.
      </div>
    </div>

    <div class="modal-field">
      <label for="permission-template-description">Description</label>
      <textarea id="permission-template-description" name="description" maxlength="4000" rows="5">{{description}}</textarea>
    </div>

    <div class="modal-field">
      <label for="permission-template-project-key-pattern">Project Key Pattern</label>
      <input id="permission-template-project-key-pattern" name="keyPattern" type="text" maxlength="500"
             value="{{projectKeyPattern}}">
      <div class="modal-field-description">
        Should be a valid regular expression.
      </div>
    </div>
  </div>
  <div class="modal-foot">
    <button id="permission-template-submit">{{#if id}}Update{{else}}Create{{/if}}</button>
    <a href="#" class="js-modal-close" id="permission-template-cancel">Cancel</a>
  </div>
</form>
